<?php echo $javascript->link('jquery.min.js',false);?>
<?php echo $javascript->link('jquery-ui-custom.min.js',false); ?>
<?php echo $javascript->link('util.js',false); ?>
<?php echo $javascript->link('json.js',false); ?>
<?php echo $javascript->link('json2.js',false); ?>
<?php echo $javascript->link('dump.js',false); ?>
<div class="menu">
<?php  echo $this->Form->menu($this->Access->getMy('id'),$this->Access->getMy('group_id'));?>
</div>
<div class="guiasEstudiantes form">
<?php echo $this->Form->create('GuiasEstudiante');?>
	
 	<fieldset> 	
 		<h4>Estudiante: <?php echo $estudiante['Estudiante']['nombre_completo'];?></h4>
 		<h4>Centro de Apoyo Escolar: <?php echo $estudiante['CentroApoyoEscolare']['nombre'];?></h4>
 	</fieldset>    
	<fieldset>
	 	<div align="left"><?php echo $this->Html->image('edit_guias_estudiantes.png', array('alt'=> __('Editar Guia Estudiante', true), 'border' => '0'));?></div>
 	
	<table class="tabla_formulario">
		   <tr>
		     <td><?php  echo $this->Form->label("Metodologia");
					    echo $this->Form->select('metodologia_id',array($metodologias),$metodologia_activa,array('id'=>'metodologia'), false);?>
						<span id="carga_grados" style="display:none;">Cargando...</span>
			 </td>			
			 <td><?php  echo $this->Form->label("Grado");
					   echo $form->select('grado_id',array($grados),$grado_activo,array('id'=>'grado'),false);?>
					   <span id="carga_cartillas" style="display:none;">Cargando...</span>
			 </td>
		  </tr>
		  <tr>
			<?php 
					if(!empty($cartillas)){
						$style_cartillas="display:block;";
						$style_modulos="display:none;";
						$style_areas="display:none;";
					}elseif(!empty($modulos)){
						$style_cartillas = "display:none;";
						$style_modulos = "display:block;";
						$style_areas = "display:none;";
					}elseif(!empty($areas)){
						$style_cartillas = "display:none;";
						$style_modulos = "display:none;";
						$style_areas = "display:block;";
					}
					
				?>	
				<td>
				<span id="cartilla" style="<?php echo $style_cartillas?>;">
				       <?php echo $this->Form->label("Cartilla");
					         echo $this->Form->select('cartilla_id',array($cartillas),$cartilla_activa,array('id'=>'cartilla_id'), false);?>
				</span>
				<span id="carga_modulos" style="display:none;">Cargando...</span>				
				
				<span id="modulo" style="<?php echo $style_modulos?>">
					<?php echo $this->Form->label("Modulo");
					      echo $this->Form->select('modulo_id',array($modulos),$modulo_activo,array('id'=>'modulo_id'), false);?>
				</span>
				<span id="carga_areas" style="display:none;">Cargando...</span>
				
				<span id="area" style="<?php echo $style_areas?>">
					<?php echo $this->Form->label("Areas");
					      echo $this->Form->select('area_id',array($areas),$area_activa,array('id'=>'area_id'), false);?>
				</span>
				<span id="carga_unidades" style="display:none;">Cargando...</span>
			</td>
			
				<td><?php echo $this->Form->label("Unidad");
					      echo $this->Form->select('unidade_id',array($unidades),$unidad_activa,array('id'=>'unidad_id'), false);?>
					      <span id="carga_proyectos" style="display:none;">Cargando...</span>
				</td>
		</tr>
		<tr>
		  	<td><?php echo $this->Form->label("Proyecto");
					echo $this->Form->select('proyecto_id',array($proyectos),$proyecto_activo,array('id'=>'proyecto_id'), false);?>
					<span id="carga_temas" style="display:none;">Cargando...</span>								    		  
		  	</td>
		  	<td><?php echo $this->Form->label("Tema");
					echo $this->Form->select('tema_id',array($temas),$tema_activo,array('id'=>'tema_id'), false);?>
					<span id="carga_sesiones" style="display:none;">Cargando...</span>
		  	</td>		  			  		  	
		</tr>	
		<tr>
		  	<td><?php echo $this->Form->label("Sesion");
					echo $this->Form->select('sesione_id',array($sesiones),$sesion_activa,array('id'=>'sesion_id'), false);?>
					<span id="carga_guias" style="display:none;">Cargando...</span>					    		  
		  	</td>
		  	<td><?php echo $this->Form->label("Guia");
					echo $this->Form->select('guia_id',array($guias),$guia_activa,array('id'=>'guia_id'), false);?>					
		  	</td>		  			  		  	
		</tr>
		<tr>
		  	<td>
		  		<?php echo $this->Form->input('fecha_inicio');?>
		  	</td>
		  	<td>
		  		<?php echo $this->Form->input('fecha_fin');?>
		  	</td>
		  </tr>		
		</table>	
	</fieldset>
<?php echo $this->Form->input('id');?>	
<?php echo $this->Form->input('estudiante_id',array('type'=>'hidden','value'=>$estudiante['Estudiante']['id']));?>
<?php echo $this->Form->input('dominio',array('type'=>'hidden','value'=>$_SERVER['SCRIPT_NAME'], 'id'=>'dominio'));?>
<?php echo $this->Form->end(__('Actualizar', true));?>
</div>
<script>
$(function(){
	$('#metodologia').change(function(){		
		$("#carga_grados").show();
		$("#unidad_id").html("");
		var metodologia_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/grados/get_grados_json/'+metodologia_id, function(grados) {
			var opciones = "<option value='0'>Seleccione un grado</option>"+"\n";
		
			for(i in grados){
				opciones += "<option value='"+i+"'>"+grados[i]+"</option>" + "\n";
			}
			$("#grado").html(opciones);
			$("#carga_grados").hide();
		});

		if($('#metodologia').val()=='1'){ //Alfabetizacion
			$("#carga_cartillas").show();
			$.getJSON(dominio+'/cartillas/get_cartillas/', function(cartillas) {
				var opciones = "<option value='0'>Seleccione una cartilla</option>"+"\n";
				for(i in cartillas){
					opciones += "<option value='"+i+"'>"+cartillas[i]+"</option>" + "\n";
				}
				$("#cartilla_id").html(opciones);
				$("#modulo_id").html("");
				$("#area_id").html("");
				$("#carga_cartillas").hide();
			});
			$("#cartilla").show();
			$("#modulo").hide();
			$("#area").hide();
		}else if($('#metodologia').val()=='2'){ //Aceleracion
			$("#carga_modulos").show();
			$.getJSON(dominio+'/modulos/get_modulos/', function(modulos) {
				var opciones = "<option value='0'>Seleccione un modulo</option>"+"\n";
				for(i in modulos){
					opciones += "<option value='"+i+"'>"+modulos[i]+"</option>" + "\n";
				}
				$("#modulo_id").html(opciones);
				$("#cartilla_id").html("");
				$("#area_id").html("");
				$("#carga_modulos").hide();
			});
			$("#cartilla").hide();
			$("#modulo").show();
			$("#area").hide();
		}else if($('#metodologia').val()=='3'){ //Postprimaria
			$("#carga_areas").show();
			$.getJSON(dominio+'/areas/get_areas/', function(areas) {
				var opciones = "<option value='0'>Seleccione un area</option>"+"\n";
				for(i in areas){
					opciones += "<option value='"+i+"'>"+areas[i]+"</option>" + "\n";
				}
				$("#area_id").html(opciones);
				$("#carga_areas").hide();
				$("#cartilla_id").html("");
				$("#modulo_id").html("");
			});
			$("#cartilla").hide();
			$("#modulo").hide();
			$("#area").show();
		}		
	});

	$('#grado').change(function(){
		$("#carga_areas").show();
		var grado_id = $(this).val();		
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/areas/get_areas_grado/'+grado_id, function(areas) {			
			var opciones = "<option value='0'>Seleccione un area</option>"+"\n";
			for(i in areas){
				opciones += "<option value='"+i+"'>"+areas[i]+"</option>" + "\n";
			}
			$("#area_id").html(opciones);
			$("#carga_areas").hide();
		});
	});
	
	$('#cartilla_id').change(function(){	
		$("#carga_unidades").show();
		$("#unidad_id").html("");
		var cartilla_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/unidades/get_unidades_cartilla/'+cartilla_id, function(unidades) {			
			var opciones = "<option value='0'>Seleccione una unidad</option>"+"\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidad_id").html(opciones);
			$("#carga_unidades").hide();
		});
	});
	$('#modulo_id').change(function(){		
		$("#carga_unidades").show();
		$("#unidad_id").html("");
		var modulo_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/unidades/get_unidades_modulo/'+modulo_id, function(unidades) {			
			var opciones = "<option value='0'>Seleccione una unidad</option>"+"\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidad_id").html(opciones);
			$("#carga_unidades").hide();
		});
	});
	$('#area_id').change(function(){				
		$("#carga_unidades").show();
		$("#unidad_id").html("");
		var area_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/unidades/get_unidades_area/'+area_id, function(unidades) {			
			var opciones = "<option value='0'>Seleccione una unidad</option>"+"\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidad_id").html(opciones);
			$("#carga_unidades").hide();
		});
	});	

	$('#unidad_id').change(function(){
		$("#carga_proyectos").show();
		var unidad_id = $(this).val();
		var dominio = $('#dominio').val();		
		$.getJSON(dominio+'/proyectos/get_proyectos_unidad/'+unidad_id, function(proyectos) {						
			var opciones = "<option value='0'>Seleccione un proyecto</option>"+"\n";			
			for(i in proyectos){
				opciones += "<option value='"+i+"'>"+proyectos[i]+"</option>" + "\n";
			}
			$("#proyecto_id").html(opciones);
			$("#carga_proyectos").hide();
		});
	});

	$('#proyecto_id').change(function(){				
		$("#carga_temas").show();
		$("#tema_id").html("");
		var proyecto_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/temas/get_temas_proyecto/'+proyecto_id, function(temas) {			
			var opciones = "<option value='0'>Seleccione un tema</option>"+"\n";
			for(i in temas){
				opciones += "<option value='"+i+"'>"+temas[i]+"</option>" + "\n";
			}
			$("#tema_id").html(opciones);
			$("#carga_temas").hide();
		});
	});

	$('#tema_id').change(function(){				
		$("#carga_sesiones").show();
		$("#sesion_id").html("");
		var tema_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/sesiones/get_sesiones_tema/'+tema_id, function(sesiones) {			
			var opciones = "<option value='0'>Seleccione una sesion</option>"+"\n";
			for(i in sesiones){
				opciones += "<option value='"+i+"'>"+sesiones[i]+"</option>" + "\n";
			}
			$("#sesion_id").html(opciones);
			$("#carga_sesiones").hide();
		});
	});

	$('#sesion_id').change(function(){				
		$("#carga_guias").show();
		$("#guia_id").html("");
		var sesion_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/guias/get_guias_sesion/'+sesion_id, function(guias) {			
			var opciones = "<option value='0'>Seleccione una guia</option>"+"\n";
			for(i in guias){
				opciones += "<option value='"+i+"'>"+guias[i]+"</option>" + "\n";
			}
			$("#guia_id").html(opciones);
			$("#carga_guias").hide();
		});
	});
		
});
</script>